@charset "utf-8";

html {
  background-color: #f7f7f7;
}

/*客服*/
.customer {
  position: fixed;
  top: 50%;
  left: 0;
  padding: 10px;
  width: 100px;
  background-color: #fff;
  //color: #fff;
  border: 1px solid gainsboro;
  z-index: 999;
  text-align: center;

  .qq {
    text-align: center;
    margin-bottom: 10px;
    img {
      width: 64px;
    }
    p {
      font-size: 18px;
      text-align: center;
    }
  }
}

.unFound {
  text-align: center;
  padding: 30px;
}

.nullTips {
  width: 100%;
  img {
    width: 100%;
  }
}

.unfound-img {
  //height: 100vh;
  //background-color: white;
  //text-align: center;
  img {
    width: 100% !important;
  }
}

//图片上传
.work-log-close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;

}

//弹出框
.alert-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 111;
  .alert-cancel {
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.3;
    position: fixed;
    top: 0;
    left: 0;
  }
  .content {
    width: 500px;
    background-color: #FFFFFF;
    border-radius: 7px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    .question {
      font-size: 32px;
      text-align: center;
      padding: 70px 0;
      border-bottom: 1px solid gainsboro;
    }
    .answer {
      display: flex;
      justify-content: space-around;
      text-align: center;
      .no {
        font-size: 30px;
        border-right: 1px solid gainsboro;
        width: 50%;
        padding: 20px 0;
      }
      .yes {
        font-size: 30px;
        width: 50%;
        padding: 20px 0;
      }
    }
  }
}

.activedefault {
  background-color: #ff0036 !important;
  color: #fff;
}

//设置bootalert弹出框的样式

.modal {
  background-color: rgba(0, 0, 0, 0.5);
}

.bootbox-confirm {
  .modal-dialog {
    height: 330px !important;
    width: 600px !important;
    max-width: 80% !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    text-shadow: none !important;
    border-radius: 20px !important;
    background-color: #fff !important;
    overflow: hidden !important;
    text-shadow: none !important;

    .modal-content {
      background-color: #fff !important;
      text-shadow: none !important;
      height: 330px !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      text-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;

      .modal-header, modal-footer {
        border: none !important;
        padding: 0 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        .bootbox-close-button {
          display: none !important;
          margin: 0 !important;
          padding: 0 !important;
          border: 0 !important;
          text-shadow: none !important;

          //visibility: hidden;
        }

        .modal-title {
          height: 110px;
          line-height: 110px;
          font-size: 34px;
          color: #333333;
          margin: 0 !important;
          padding: 0 !important;
          border: 0 !important;
          text-shadow: none !important;

        }
      }

      .modal-body {
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        text-shadow: none !important;

        .bootbox-body {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 220px !important;
          line-height: 50px !important;
          border-top: 1px solid #e8e8e8 !important;
          border-bottom: 1px solid #e8e8e8 !important;
          font-size: 30px !important;
          color: #666666 !important;
          margin: 0 !important;
          padding: 20px !important;
          //border: 0!important;
          border-top: 1px solid #e8e8e8 !important;
          border-bottom: 1px solid #e8e8e8 !important;
          text-shadow: none !important;

        }
      }

      .modal-footer {
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        text-shadow: none !important;
        height: 110px;
        .btn-default {
          color: green !important;
        }
        button, button:active {
          //background-color: transparent !important;
          text-align: center !important;
          //color: #00a95e !important;
          //height: 110px !important;
          //line-height: 110px !important;
          outline: none !important;
          border: none !important;
          font-size: 34px !important;
          //padding: 0 !important;
          //margin: 0 !important;
          //padding: 0 !important;
          //border: 0 !important;
          text-shadow: none !important;

          &:before {
            //display: none !important;
          }

          &:after {
            //display: none !important;
          }
        }
      }
    }
  }
  .modal-footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}

.bootbox-alert {
  .modal-dialog {
    height: 330px !important;
    width: 600px !important;
    max-width: 80% !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    text-shadow: none !important;
    border-radius: 20px !important;
    background-color: #fff !important;
    overflow: hidden !important;
    text-shadow: none !important;

    .modal-content {
      background-color: #fff !important;
      text-shadow: none !important;
      height: 330px !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      text-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;

      .modal-header, modal-footer {
        border: none !important;
        padding: 0 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        .bootbox-close-button {
          display: none !important;
          margin: 0 !important;
          padding: 0 !important;
          border: 0 !important;
          text-shadow: none !important;

          //visibility: hidden;
        }

        .modal-title {
          height: 110px;
          line-height: 110px;
          font-size: 34px;
          color: #333333;
          margin: 0 !important;
          padding: 0 !important;
          border: 0 !important;
          text-shadow: none !important;
        }
      }

      .modal-body {
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        text-shadow: none !important;

        .bootbox-body {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 110px !important;
          line-height: 36px !important;
          border-top: 1px solid #e8e8e8 !important;
          border-bottom: 1px solid #e8e8e8 !important;
          font-size: 28px !important;
          color: #666666 !important;
          margin: 0 !important;
          padding: 0 !important;
          //border: 0!important;
          border-top: 1px solid #e8e8e8 !important;
          border-bottom: 1px solid #e8e8e8 !important;
          text-shadow: none !important;

        }
      }

      .modal-footer {
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        text-shadow: none !important;

        button, button:active {
          background-color: transparent !important;
          text-align: center !important;
          color: #00a95e !important;
          height: 110px !important;
          line-height: 110px !important;
          outline: none !important;
          border: none !important;
          font-size: 34px !important;
          width: 100%;
          //padding: 0 !important;
          //margin: 0 !important;
          //padding: 0 !important;
          //border: 0 !important;
          text-shadow: none !important;

          &:before {
            display: none !important;
          }

          &:after {
            display: none !important;
          }
        }
      }
    }
  }
}

//对话框
.bootbox-prompt {
  .modal-dialog {
    height: 330px !important;
    width: 600px !important;
    max-width: 80% !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    text-shadow: none !important;
    border-radius: 20px !important;
    background-color: #fff !important;
    overflow: hidden !important;
    text-shadow: none !important;

    .modal-content {
      background-color: #fff !important;
      text-shadow: none !important;
      height: 330px !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      text-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;

      .modal-header, modal-footer {
        border: none !important;
        padding: 0 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        .bootbox-close-button {
          display: none !important;
          margin: 0 !important;
          padding: 0 !important;
          border: 0 !important;
          text-shadow: none !important;

          //visibility: hidden;
        }

        .modal-title {
          height: 110px;
          line-height: 110px;
          font-size: 34px;
          color: #333333;
          margin: 0 !important;
          padding: 0 !important;
          border: 0 !important;
          text-shadow: none !important;

        }
      }

      .modal-body {
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        text-shadow: none !important;

        .bootbox-body {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 110px !important;
          line-height: 50px !important;
          border-top: 1px solid #e8e8e8 !important;
          border-bottom: 1px solid #e8e8e8 !important;
          font-size: 30px !important;
          color: #666666 !important;
          margin: 0 !important;
          padding: 20px !important;
          //border: 0!important;
          border-top: 1px solid #e8e8e8 !important;
          border-bottom: 1px solid #e8e8e8 !important;
          text-shadow: none !important;
          .bootbox-form{
            width: 100%;
            height: 100%;
            input{
              height: 100%;
              font-size: 28px;
            }
          }
        }
      }

      .modal-footer {
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        text-shadow: none !important;
        height: 110px;
        .btn-default {
          color: green !important;
        }
        button, button:active {
          //background-color: transparent !important;
          text-align: center !important;
          //color: #00a95e !important;
          //height: 110px !important;
          //line-height: 110px !important;
          outline: none !important;
          border: none !important;
          font-size: 34px !important;
          //padding: 0 !important;
          //margin: 0 !important;
          //padding: 0 !important;
          //border: 0 !important;
          text-shadow: none !important;

          &:before {
            //display: none !important;
          }

          &:after {
            //display: none !important;
          }
        }
      }
    }
  }
  .modal-footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}